﻿body {
    margin: 0;
    background-image: url(../images/bg.jpg);    
}

#container {
    margin:0 auto;
    max-width:1440px;
    min-width:1080px;
	position: relative;
}

#subscribe-div {
	height: 250px;
	width: 25px;
	border: 5px solid #000000;
	border-right: none;	
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 400px;	
	overflow: hidden;
}

#subscribe-line {
	height: inherit;
	width: 25px;
	background-color: #000000;
	float: left;	
}

#subscribe-content {	
	background-color: #ff3f00;
	background-image: url(../images/Troll_Face.jpg);
	width: inherit;
	height: inherit;
	margin-left: 25px;
}



/*Header*/

#header-menu {
    background-color: #2d2d2d;
    border-bottom: 1px solid #000;
	height: 29px;
	width: 100%;
    min-width:1080px;
    max-width:1440px;
    opacity: 1;
}

#menu {
    display: block;
    list-style: none;
	margin: 0 auto;
    padding: 0;
}

li.menu-elem {
    vertical-align: top;
    position: relative;
    display: inline-block;
    list-style: none;
    line-height: 27px;
    margin-right: 10px;
    margin-left: 20px;
}

.menu-elem  a {
    text-decoration: none;
    color: #bbb;
    font: 13px/27px 'Century Gothic';
}

.menu-elem  a:hover {
    color: #fff;
}

/*end Header*/
/*Slider*/

#slider {
	height: 300px;
	width: 100%;	
	position: relative;
    background: white;
    border-bottom: 1px black solid;
}

#images {
	height: 300px;
	width: 100%;
    background-image:url(../images/1.jpg);
	position:absolute;
}

.site-title {    
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    position: absolute;
    right: 150px;
    font-family: 'Century Gothic';
    letter-spacing: 1px;
}

.sttp {
    font-size: 72px; 
    top: 30px;
}
.stbm {
    font-size: 42px;
    top: 140px;
}

.arrow {
	height: 55px;
	width: 55px;
	position: absolute;
	top: 130px;
}

.gerb {
    position: absolute;
    right: 600px;
    top: 70px;
}

/*end Slider*/
/*Content*/

#content {
	width: 1080px;
	margin:0 auto;
}


#left-section a {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-decoration: none;
    color: black;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Century Gothic';
    letter-spacing: 1px;
    line-height: 130%;
}

#left-section a:hover {
    color: #ff3f00;
}


#left-section img {
    margin: 0 10px -8px 0; /* image padding: 5px right and -8px bottom */
}

#left-section {
	height: 500px;
	width: 170px;
	float: left;
    padding: 30px 5px 5px;
}

#main-section {
    width: 900px;
    margin-left: 180px;
    padding: 10px 0;
    background-color: rgba(230, 230, 230, 0.6);
}

.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

/*end Content*/
/*Footer*/

#footer {
	height: 150px;
	width: 100%;
	background-color: #6e6e66;
}

/* Arrows with blackjack and whores */
.left { background-image: url(../images/left-arrow.png); }
.right { background-image: url(../images/right-arrow.png); }
.left:hover { background-image: url(../images/left-arrow-hover.png); }
.right:hover { background-image: url(../images/right-arrow-hover.png); }

/* Posts */
.post {
    width: 860px;
    margin-left:10px;
    margin-bottom:10px;
    padding: 10px;
    background-color: rgba(230, 230, 230, 0.5); /* #e6e6e6, полупрозрачно */
    font-family: Georgia;
}
.post h1 {
    font-size: 20px;
    margin: 0;
}
.date {
    font-size: 12px;
}
.post p {
    margin: 3px;
    text-align: justify;
}

.post h1 > a {
    text-decoration: none;
    color: black;
}

.post h1 > a:hover {
    color: #dd1d00;
}

.continue-read  a {
    font-size:12px;
    color: #dd1d00;
}